<template>
    <iframe :src="url" frameborder="0" class="iframeLink" :style="style"></iframe>
</template>

<script>
export default {
  name: 'iframeLink',
  components: {  },
  props: {
    value: null,
    mode: {
      default: "edit",
    },
    url: {
      default: ''
    },
    style: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      
    }
  },
  computed: {
    isDesigner() {
      return this.$attrs._source === 'designer'
    },
    mixEditable() {
      return !(this.$attrs.readonly || this.$attrs.disabled) && this.mode === "edit"
    },
    
  },
  async mounted () {
   
  },
  methods: {
   
   }
};
</script>

<style scoped>
  .iframeLink {
    width: 100%;
    height: calc(100vh - 260px);
    overflow-y: auto;
  }
</style>
